<div #treetable class="container" [style.height]="containerProperty.height" [style.width]="containerProperty.width">
	<div *lazyFor="let node of list; index as i" class="item">
		<div *ngIf="node.visible">
			<div class="item-text" [style.left.px]="node.childPos * 15" [style.width.px]="500 - node.childPos * 15">
				<button mat-icon-button (click)="onExpandToggle(node)" enabled="node.childs">
					<mat-icon *ngIf="node.expanded">expand_more</mat-icon>
					<mat-icon *ngIf="!node.expanded">chevron_right</mat-icon>
				</button>
				<div *ngIf="!node.childs.length" class="item-waiting" style="width:40px" [ngStyle]="{'display': (node.expanded) ? 'inline-block' : 'none'}">
					<mat-spinner diameter="20"></mat-spinner>
				</div>
				<button mat-icon-button enabled="false" *ngIf="node.class === nodeType.Variable">
					<mat-icon>label</mat-icon>
				</button>
				{{node.text}}
			</div>
			<div class="item-property" [style.left.px]="node.childPos * 15">
				{{node.property}}
			</div>
			<div class="item-check">
				<mat-checkbox [(ngModel)]="node.checked" [disabled]="!node.enabled" (change)="changeStatus(node,$event)" *ngIf="node.class === nodeType.Variable"></mat-checkbox>
			</div>
		</div>
	</div>
</div>